<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script>
     function show(){
	  var name = document.getElementById("input_name").value;
	  var like = document.getElementById("input_like").value;
	  var text = document.getElementById("input_text").value;
	  var information = document.getElementById("input_information").value;
	  var div = document.createElement("div");
	  div.style.border = "solid 1px black";
	  div.style.width = "500px";
	  div.style.marginTop = "10px";
	  div.innerHTML = "<div>姓名："+name+"</div><div>爱好："+like+"</div><div>座右铭："+text+"</div><div>其他描述："+information+"</div>";
	  document.body.appendChild(div);
	 
	 }
  </script>
 </head>
 <body>
    <h2>个人消息</h2>
    姓名：<input type="text" id="input_name"> <br>
	爱好：<input type="text" id="input_like"> <br>
	座右铭：<input type="text" id="input_text"> <br>
	<span>其他描述：</span> <br>
	<textarea id="input_information"></textarea> <br>
	<button onclick="show()">提交</button>
 </body>
</html>
